@charset "utf-8";
/* CSS Document */

.content{ margin-bottom:20px;}
.pic-preview { position: relative; float:left; width:500px; height:600px;}
.pic-preview .icon{position:absolute;left:10px;top:10px;}
.pic-big { width: 500px; height: 500px; overflow: hidden; }
.pic-thumb {z-index: 1; overflow:hidden; position:relative;}
.pic-thumb .picList{ padding-top:10px; width:500px;}
.pic-thumb .picList ul{zoom:1; margin-left:-16px; }
.pic-thumb .picList li{ float:left; overflow:hidden; height: 85px; width: 85px; border: 1px solid #bcbcbc; margin-left:16px; cursor: pointer; }
.pic-thumb .picList li:hover, .pic-thumb .picList .on { border-color: #008842; padding: 0; }
.product-info{ width:680px; margin-left:520px;}
.summary-name{ margin:0 85px 20px 0;}
.summary-name h1{ font: normal 26px "Microsoft YaHei";}
.summary-name p{ height:40px; margin-top:5px; color:#777; font: normal 16px/20px "Microsoft YaHei";}
.summary-price{ height:70px; padding:10px 20px; background:#fff;}
.pro-price{ float:left; height:70px;}
.pro-price span{ display:inline-block;padding-left:5px;}
.pro-price em{ padding:0 5px; font-size:18px; color:#ff0000; font-style:normal;}
.pro-price strong{ color:#ff0000; font-size:35px; font-weight:normal;}
.pro-price del{ font-size:16px; }
.pro-price .mt5{ margin-top:5px;}
.pro-review{ float:right; text-align:center;}
.pro-review p{ line-height:22px; color:#999;}
.pro-review a{ color:#999}
.pro-review a:hover{color: #008842 }
.pro-review b{color:#e8380d; font-size:18px; font-weight:normal; vertical-align:middle;}
.pro-review span{ padding:0 5px;}
.summary-ub{ height:55px; margin-top:5px; padding:10px 20px; line-height:27px; background:#fff;}
.summary-ub label{ display:block;}
.summary-ub label input{  margin: 8px 5px 0 0; float: left; width: 13px; height: 13px; overflow: hidden;}
.summary-ub span{ margin-right:30px;}
.summary-ub a{ color:#999;}
.summary-ub a:hover{ color: #008842;}
.summary-ub .btn-ub{ display:inline-block; width:80px; height:25px; margin-right:20px; text-align:center; line-height:25px; color:#555; border:1px solid #555; background:#f7f8f8;}
.summary-ub .btn-ub:hover{ color: #008842; border-color:#008842;}
.summary-other{ margin-top:20px;}
.summary-other .left{ float:left; width:529px; padding-right:20px; border-right:1px solid #d9d9d9;}
.summary-other .dt{ float:left; width:40px; padding:0 10px;}
.summary-other .dd{ float:left; width: 468px;}
.pro-promo{ position:relative; }
.pro-promo li{ height:20px; margin-bottom:6px; line-height:20px;}
.pro-promo li .fl{  width: 410px; height:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pro-promo em{ font-style:normal; margin-right:10px; padding:3px 10px; color:#fff; background:#e8380d;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.pro-promo li a{ color:#999;}
.pro-promo li i{ display:inline-block; width:10px; height:5px; margin-left:5px; background:url(/ho/imgs/product.png) no-repeat 0 -22px;}
.pro-promo li b{ color:#e8380d;}
.pro-promo li .up{ background:url(/ho/imgs/product.png) no-repeat -22px -14px;}
.pro-promo li a:hover{ color:#008842;}
.pro-promo li a:hover i{ background-position:0 -33px;}
.promobox{ display:none; z-index:2; position:absolute; top:0; left:0; width:535px; background:#fff;}
.promobox-wrap{ position:relative; margin:10px; padding:10px; border:1px solid #c8c8c8;}
.promobox p{ height:20px; line-height:20px; padding-right:70px;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.promobox em{ background:#e8380d}
.promobox .close{ position:absolute; right:10px; top:10px; color:#999;}
.promobox .close i{ display:inline-block; width:10px; height:5px; margin-left:5px; background:url(/ho/imgs/product.png) no-repeat -14px -22px;}
.promobox .list{ padding:15px 13px 0 55px;}
.promobox .list a{ color:#999;}
.promobox .list a:hover{ color:#008842;}
.promobox .list .prd{ position:relative; margin-bottom:10px; line-height:25px;}
.promobox .list .prd img{ float:left; margin-right:10px;}
.promobox .list .prd span{ display:block; height:25px; color:#999;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.promobox .list .prd b{ color:#444; margin-right:10px;}
.promobox .list .prd del{ margin-right:10px;}
.promobox .list .prd u{ text-decoration:none;}
.dfbox .list .prd b{ color:#e8380d;}
.dfbox .list .buy{ position:absolute; right:0; bottom:0; display:block; width:75px; height:22px; line-height:22px; text-align:center; color:#fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.dfbox .list .buy:hover{ color:#fff;}
.zhbox .item{ padding:10px 0;}
.zhbox .list .prd{ float:left; width:176px;}
.zhbox .list .and{ float:left; width:35px; text-align:center; color:#e8380d; font: bold 26px/50px "Microsoft YaHei";}
.zhbox .buy{ clear:both; padding-top:10px; text-align:right; border-top:1px solid #c8c8c8;}
.zhbox .buy b{ margin-right:15px; color:#e8380d;}
.zhbox .buy u{ margin-right:15px; color:#999; text-decoration:none;}
.zhbox .buy .btn-gn{ display:inline-block; width:90px; text-align:center; line-height:20px; color:#fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.zhbox .buy .btn-gn:hover{ color:#fff;}
.mjbox  .btn-gn{float: right;margin-top: 10px;}

.mjbox .btn-gn {float: right;margin-top: 10px;}
.promobox .btn-gn {display: inline-block;height: 20px;padding: 0 7px;line-height: 20px;text-align: center;color: #fff !important;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.promobox font{color:red;font-weight:bold;}
.choose, .pro-service, .pro-amount, .pro-share,.pro-tips{ margin-bottom:20px;}
.choose .dt{ line-height:52px;}
.choose li{ float:left; position: relative; margin:5px 10px 5px 0;}
.choose li a{  float: left; width:auto; background-color: #fff; white-space: nowrap; text-align: center; border: 1px solid #e2e2e2; border-bottom:none; text-decoration: none;}
.choose li span{ display:block; padding:5px 12px 5px 9px;border-bottom:1px solid #e2e2e2;}
.choose li i{ z-index:1; display:none; position: absolute; bottom: 0;right: 0;width:16px;_width:11px;height:16px;overflow: hidden;text-indent: -99em; background:url(/ho/imgs/product.png) no-repeat 0 0;}
.choose li a:hover, .choose li a:hover span, .choose li.selected a, .choose li.selected span{ border-color:#008842;}
.choose li.selected i{display: block;}
.pro-service{ padding-left:10px; color:#999;}
.pro-service b{ color:#008842;}
.pro-amount .dt{ line-height:43px;}
.amount{ position: relative; overflow: hidden; float:left; border: 1px solid #e2e2e2;}
.amount-input {float:left;}
.amount-input input{ width: 40px; height: 41px; line-height: 41px; font-size:16px; text-align: center; border:none; -webkit-appearance: none; }
.amount-input .txt-disabled { background-color: #f5f4f4; color: #888 }
.amount-btn{ float:left; width:18px; height:41px; border-left: 1px solid #e2e2e2;}
.amount-btn a{ display:block; width:18px; height:20px; line-height:20px; text-align:center;}
.amount-btn .increment { border-bottom:1px solid #e2e2e2;}
.amount-btn .decrement-disabled, .amount-btn .increment-disabled { cursor: no-drop; color:#888}
.addcart, .disabled{ float:left; width:187px; height:43px; margin-left:10px;}
.addcart a, .disabled a{ display:block; width:187px; height:25px; padding:9px 0; text-align:center; font: normal 18px/25px "Microsoft YaHei"; color:#fff; background:#008842;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.addcart i, .disabled i{ width:28px; height:25px; margin-right:10px; vertical-align:bottom; background:url(/ho/imgs/product.png) no-repeat -47px 0;}
.addcart a:hover{ color:#fff; background:#09964e;}
.disabled a, .disabled a:hover{ cursor: default; background:#757575;}
.addcart{ float:left; width:187px; height:43px; margin-left:10px;}
.addcart a{ display:block; width:187px; height:25px; padding:9px 0; text-align:center; font: normal 18px/25px "Microsoft YaHei";
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.addcart i{ width:28px; height:25px; margin-right:10px; vertical-align:bottom; background:url(/ho/imgs/product.png) no-repeat -47px 0;}
.addcart a:hover{ color:#fff;}
.pro-share{ padding-left:60px;}
.favorite{ float:left; margin-right:25px;}
.favorite i{ width:16px; height:14px; margin-right:5px; background:url(/ho/imgs/product.png) no-repeat -24px 0;}
.share{ float:left; margin-right:20px;}
.share-icon{ background: url(/ho/imgs/product.png) no-repeat 0 -41px !important;}
.pro-tips{ padding-left:10px;}
.pro-tips.green{ color:#008842;}
.summary-other .right{ float:right; width:120px; padding-left:10px; color:#777;}
.summary-other .right th{ padding:5px 0; width:65px; font-weight:normal; text-align:left;}
.summary-other .right td{ padding-left:5px;}

.left-con{ float:left; overflow:hidden; width:255px; margin-right:15px;}
.left-con .box { position: relative; margin-bottom: 20px; border: 1px solid #cde4c0; background: #fff; }
.left-con .hd { height: 30px; padding: 0 10px; line-height: 30px; font-size: 12px; font-weight:bold; color:#fff; background:#008842;}
.left-con .hd a{ float:right; color:#fff; font-weight:normal;}
.left-con .bd{ padding:0 10px;}
.left-con .p{ clear:both; position:relative; height:70px; padding:10px 0; border-bottom:1px dashed #cdcdcd;}
.left-con .p .img{ position:relative; float:left; width:68px; height:68px; border:1px solid #dfdfdf}
.left-con .p .txt{ float:left; width: 153px; margin-left:10px; padding:4px 0; line-height:20px;}
.left-con .p .txt strong{ display:block; height:40px; margin-bottom:5px; color:#777;font-weight:normal; }
.left-con .p .txt span{ font-size:12px; color:#e8380d}
.left-con .p .txt a:hover strong{ color: #008842 }
.left-con .p .add{ z-index:1; display:none; position:absolute; right:0; bottom:10px; font-size: 12px; color: #fff; padding:3px 8px;background: #008842;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; cursor:pointer;}

.recipe .bd{ padding:15px;}
.recipe .item{ width:223px;}
.recipe p{ color:#777; line-height:22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.recipe .fs14{ font-size:14px;}
.recipe b{ color:#008842;}
.recipe a:hover .fs14{ color:#008842;}
.recipe i{ width:16px; height:14px; margin-right:5px; background:url(/ho/imgs/product.png) no-repeat -24px 0;}
.recently{}
.recently .p .del{ display:none; position:absolute; bottom:0; right:0; width:26px; height:22px;background:url(/ho/imgs/product.png) no-repeat -82px -22px; cursor:pointer}
.recently .p .del:hover{ background-position: -82px 0;}

.main-con { float: right; width: 930px; }
.hot-sale{ margin-bottom:25px; border:1px solid #d4d4d4; background:#fff;}
.hot-sale .hd{ padding:0 25px; line-height:35px; color:#008842; font-size:14px; font-weight:bold;}
.hot-sale .bd{}
.hot-sale li{ float:left; width:135px; padding:10px 25px 25px 25px; text-align:center;}
.hot-sale li .p-img{ margin-bottom:10px;}
.hot-sale li .p-name{ overflow:hidden; height:36px; line-height:18px; margin-bottom:7px;}
.hot-sale li .p-name a{ color:#777;}
.hot-sale li .p-name a:hover{ color:#008842;}
.hot-sale li .p-price strong{ color:#e8380d; padding-right:15px;}
.hot-sale li .p-price del{ color:#aaa;}

.product-detail{ margin: 0 auto; width: 928px; }
.detail-tab { position:relative; width: 928px; height: 40px; line-height: 40px; border: 1px solid #d4d4d4; background: #fff;}
.detail-tab .detail-ul li{ position:relative; display: block; float: left; width: 130px; margin-top:-1px; text-align: center; border-right: 1px solid #d4d4d4;}
.detail-tab .detail-ul li a{ display: block; height: 36px; padding-top:4px; line-height:36px; font-size:12px; }
.detail-tab .detail-ul li a b{ font-weight:normal; color:#e8380d; padding-left:5px;}
.detail-tab .detail-ul li.active {border-bottom: 2px solid #fff ; background:url(/ho/imgs/product.png) no-repeat -33px -58px #fff;}
.detail-item { margin-top:-1px; margin-bottom:20px; border: 1px solid #d4d4d4; background:#fff;}
.details{ width:880px; padding:24px;}
.details .title{ height:35px; padding-left:30px; margin:10px 0; color:#fff;font: normal 18px/35px Microsoft YaHei; border-bottom:2px solid #70bd2c; background:url(/ho/imgs/bg-title.jpg) no-repeat 0 0;}
.detail-table{ width:100%; margin:0 0 20px 0; border:1px solid #e1efd8;font-size:14px;font-weight:bold;}
.detail-table th,.detail-table td{ color:#666; border:1px solid #e1efd8; border-width:1px 0;}
.detail-table th{ background:#ebf8f2; font-weight:bold; padding:7px; width:180px; padding-left:20px;text-align:left;}
.detail-table td{ padding:7px 20px;}
.detail-tab.fixed{ position: fixed; _position: absolute; top: 0; width: 928px; z-index: 999;}
.detail-tab.fixed .addcart, .detail-tab.fixed .shopping-cart{ display:block;}
.detail-tab .addcart{ display:none; position:absolute; right:145px; top:5px; width:85px; height:25px;}
.detail-tab .addcart a{ width:85px; height:30px; line-height:30px; padding:0; font: normal 12px/30px "\5b8b\4f53";
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}
.detail-tab .shopping-cart{ display:none; position:absolute; right:10px; top:5px;}
.detail-tab .shopping-btn{ width:125px; padding:0; font-size:18px;}
.detail-tab .shopping-list{ top:29px;}
.details img{ display: block;float: left;}


.comment{ display:block !important;}
.comment-info{ height:90px; padding:20px 0; border-bottom:1px solid #d4d4d4}
.score{ float:left; width:200px; text-align:center; border-right:1px dashed #d4d4d4}
.score b{font-size:36px; color:#008842; display:block; text-align:center; padding:10px 0;}
.score b span{font-size:12px; font-weight:normal; vertical-align:initial; color:#666;}
.score strong{ color:#008842;}
.percent{float:left; padding:12px 110px 2px 110px; border-right:1px dashed #d4d4d4}
.percent .slip{float:left; margin-left:10px;}
.percent .slip li{width:140px; height:10px; background:#e4e4e4; margin-bottom:15px; +margin-bottom:5px; position:relative;}
.percent .slip li span{height:10px; display:block; background:#008842; width:0;}
.percent .slip li b{ width:35px;position:absolute; left:-35px;; top:0; font-weight:normal;}
.percent .slip li i{ width:35px;position:absolute; left:150px; top:0; font:normal 12px/10px Arial;}
.comment-btn{float:left; padding:8px 0 8px 75px;}
.comment-btn .btn-gn{display:block; width:100px; height:26px; margin:10px 0; line-height:26px; color:#fff; text-align:center; cursor:pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.comment-btn p{color:#777; font-size:12px;}
.comment-list{ padding:20px;}
.comment-tab { position: relative;height: 32px;border-bottom:1px solid #ebebeb; }
.comment-tab span { display: block; float: left; height: 30px; margin: 0 22px 0 0; padding:0 5px; color: #777; border-bottom: 2px solid #fff; font: normal 14px/30px SimSun; background: #fff; cursor: pointer;}
.comment-tab .on { color: #008842; border-color:#008842; position: relative; }
.comment-con{ display:none;}
.comment-item{ padding: 15px 0 15px 0;}
.comment-item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.comment-item .user{font-size:12px; width:66px; float:left; padding:0 30px 0 20px; text-align:center; }
.comment-item .user span{display:block; line-height:18px; text-align:center;}
.comment-item .user .name{margin-top:5px;}
.content-comment{overflow:hidden; zoom:1;}
.content-comment .heading{height:12px; line-height:12px; padding:10px 15px;background:#f7f7f7; }
.content-comment .heading .date{color:#777; float:right; font-size:12px;}
.content-comment .heading .date span{margin-left:20px;}
.content-comment .heading .txt{ float:left; margin-left:20px;}
.content-comment .heading .txt span{ padding-right:15px;}
.content-comment .stars { }
.content-comment .stars b{ font-weight:normal;}
.content-comment .stars div{ float:left; margin-right:8px; line-height:12px;}
.content-comment .stars .stars-bg { overflow: hidden; width: 70px; height: 12px; background: url(/ho/imgs/stars.png) 0 -12px no-repeat;}
.content-comment .stars .stars-bg span { display: block; height: 17px; background: url(/ho/imgs/stars.png) no-repeat; width: 0; }
.content-comment .reply{line-height:22px; margin:10px 0; padding:0 15px;}
.content-comment .reply .reply-images{margin-top:10px;}
.content-comment .reply .reply-images a{ display:inline-block; margin-right:3px; width:60px; height:60px; padding:2px; border:2px solid #fff; cursor:pointer;}
.content-comment .reply .reply-images a.select{border:2px solid #008842;}
.content-comment .reply .reply-images a img{width:60px; height:60px;}
.content-comment .reply-image-big{margin-top:5px; display:none;}
.content-comment .yiguo-reply{color:#008842; font-size:12px; padding:0 15px; line-height:18px;}
.content-comment .yiguo-reply dt{float:left; margin-right:20px;}
.content-comment .yiguo-reply dd{overflow:hidden;}
.comment-list .paging{  margin-top: 40px;}



/*蛋糕配件弹框*/
.modal.cake .modal-content{ overflow:hidden; top:100px; margin-left:-417px; border-color:#fff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
.modal.cake .modal-header{ padding:20px 25px; color:#008842; text-align:left; font: normal 18px/29px "Microsoft YaHei"; background:#fff;}
.modal.cake .modal-header i{ width:19px; height:29px; background:url(/ho/imgs/cakemodal-icon.png) no-repeat;}
.modal.cake .modal-body{ padding:0px 25px 25px 25px;}
.cakemodal-tab { position:relative; height:41px;}
.cakemodal-tab li{ position:relative; display:block; float: left; width:160px; height:40px; margin-left: -1px; text-align: center; border: 1px solid #d4d4d4;}
.cakemodal-tab li a{ display:block; font-size:14px; line-height:38px; border-top:2px solid #fff;}
.cakemodal-tab li i{ width:20px; height:24px; margin-right:5px; background:url(/ho/imgs/cakemodal-icon.png) no-repeat;}
.cakemodal-tab li.chocolate i{ background-position: -23px 0;}
.cakemodal-tab li.candle i{ background-position: -43px 0;}
.cakemodal-tab li.cutlery i{ background-position: -63px 0;}
.cakemodal-tab li.bags i{ background-position: -83px 0;}
.cakemodal-tab li.active{ border-top-color:#008842; border-bottom-color:#fff;}
.cakemodal-tab li.active a{ border-top-color:#008842}
.cakemodal-content{ width:800px; margin-left:-1px; border:1px solid #d4d4d4;}
.cakemodal-item{ display:none; overflow-x:hidden; overflow-y:auto; max-height:360px; padding:20px;}
.cakemodal-item p{ color:#5f5f5f;}
.cakemodal-list .product{ float:left; width:25%; margin:20px 0 10px 0; text-align:center;}
.cakemodal-list .product:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.cakemodal-list .price{ color:#ff0000;}
.cakemodal-list .number{ width:96px; margin:5px auto 0 auto;}
.cakemodal-list .number a, .cakemodal-list .number input{ float:left; height:22px; line-height:22px; text-align:center; color:#5f5f5f; background:#ededed;}
.cakemodal-list .number a, .cakemodal-list .number label{ float:left; height:22px; line-height:22px; text-align:center; color:#5f5f5f; background:#ededed;}
.cakemodal-list .number a{ width:22px; font-size:14px; cursor:pointer;}
.cakemodal-list .number input{ width:50px; margin:0 1px; border:none;}
.cakemodal-list .number label{ width:50px; margin:0 1px; border:none;}
.cakemodal-total{ width:800px; padding-top:20px;}
.cakemodal-total p{ float:left;}
.cakemodal-total .btn-confirm, .cakemodal-total .btn-cancel{ display:inline-block; float:right; width:110px; height:30px; margin-left:20px; line-height:30px; text-align:center;}


/* 160512add-Min*/
.comment-tab-wrap{ position:relative; border-bottom:1px solid #ebebeb;}
.comment-tab{ float:left; border-bottom:0;}
.comment-tab-wrap .extra{ float:right; line-height:32px;}
.comment-tab-wrap .extra span{ margin-left:10px;}
.content-comment{ overflow:inherit; float:left; width:672px;}
.content-comment .heading .comefrom{ float:right; position:relative; margin-right:20px; text-align:center; cursor:pointer;}
.content-comment .heading .comefrom .dorpdown{ display:none; z-index:1; position:absolute; top:20px; left:0; padding:5px; background:#fff; border:1px solid #d4d4d4;}
.content-comment .heading .comefrom i{ position: absolute; top: -8px; left: 38px; width:12px; height:8px; background:url(/ho/imgs/arrow.png) no-repeat;}

comment-con li{clear:both;}